<!--
@MAC-ALLOW:AXExpanded
@WIN-ALLOW:details-roles*
@WIN-ALLOW:EXPANDED*
@WIN-ALLOW:HASPOPUP*
@WIN-ALLOW:haspopup*
@BLINK-ALLOW:haspopup*
@BLINK-ALLOW:expanded*
@BLINK-ALLOW:nameFrom*
@BLINK-ALLOW:descriptionFrom*
@AURALINUX-ALLOW:details-roles*
@AURALINUX-ALLOW:expanded*
@AURALINUX-ALLOW:haspopup:*
-->
<div popover="hint" id="popover1">
  Test popover!
</div>
<button popovertarget="popover1"></button>

<div popover="hint" id="popover2">
  <div>
    Test popover with image!
    <img title="test 123">
  </div>
</div>
<button popovertarget="popover2"></button>

<div popover="hint" id="popover3">
  Test popover with rich content like a datatable.
  <table>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
    <tr>
      <td>3</td>
      <td>4</td>
    </tr>
  </table>
</div>
<button popovertarget="popover3"></button>

<div popover="hint" id="popover4">
  Test popover with a textinput!
  <div>
    <span>
      <input type="text" value="test">
    </span>
  </div>
</div>
<button popovertarget="popover4"></button>


<div popover="hint" id="popover5">
  Test popover with title in button to test description.
</div>
<button title="the title" popovertarget="popover5"></button>
